{% extends 'base.html' %}

{% block sidebar %}
	<div class="sidebar">
		<h3>Menu</h3>
		<ul>
        	<li><a href="/user/new">Criar nova conta</a></li>
      	</ul>
	</div>
{% endblock %}
	
{% block content %}

<script>
	$("#user_menu").addClass("selected");
</script>  

{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}

<div class="content login">
	<h1>Login</h1>
	<p>Por favor, faça o login para ter acesso a criação de timelines e para poder colaborar com as timelines já existentes. </p>
	<p>Se ainda não possuir cadastro, você pode criar uma nova conta através da opção Criar nova conta no menu lateral.</p>
	<form action="" method="post">
		<input type="hidden" name="previous" value="{{previous}}" />
		{% if form.non_field_errors %}
			<strong style="color:red;"> {{form.non_field_errors}}</strong>
		{% endif %}
		<table>
			<tr>
				<th><label for="email">E-mail: </label></th>
				<td><input type="text" name="email" id="user_email" value="" /></td>
			</tr>
			<tr>
				<th><label for="senha">Senha: </label></th>
				<td><input type="password" name="password" id="user_password" value="" /></td>
			</tr>
		</table>
		<input type="submit" value=" OK " class="small_button" />
	</form>	
</div>

{% endblock %}
